import router from './index'
import store from '@/store/index'
import { ElMessage  } from 'element-plus'
import NProgress from 'nprogress' // 进度条
import 'nprogress/nprogress.css' // 进度条样式
import { getToken } from '@/utils/auth' // 从cookie获取token

NProgress.configure({ showSpinner: false }) // 配置进度条

const whiteList = ['/login'] // 路由白名单

router.beforeEach(async(to:any, from, next) => {
  // 进度条开始
  NProgress.start()

  // 设置title
  let title:string = to?.meta?.title
  document.title = title || '项目名称'

  // 判断用户是否登录
  const hasToken = getToken()
  //判断是否登录
  if (hasToken) {
    if (to.path === '/login') {
      // 判断登录了，则不进入登录页，重定向到首页
      next({ path: '/index' })
      NProgress.done()
    } else {
      const hasGetUserInfo = store.getters.userInfo
      if (hasGetUserInfo) {
        next()
      } else {
        try {
          // 判断到vuex中没有个人信息，获取个人信息
          await store.dispatch('user/getInfo')
          next()
        } catch (error:any) {
          // 获取个人信息失败，重新登录
          await store.dispatch('user/logout')
          ElMessage.error(error || 'Has Error')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  } else {
    //没登录的情况下
    if (whiteList.indexOf(to.path) !== -1) {
      // 判断要去往的地址在路由白名单中
      next()
    } else {
      // 要去往的地址不在路由白名单中，重定向到登录页
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  // 结束进度条
  NProgress.done()
})

export default router
